<!--
 * @Author: XN
 * @Date: 2020-11-28 18:48:43
 * @LastEditTime: 2020-12-03 19:02:12
 * @LastEditors: XN
 * @Description: 
 * @FilePath: /lab-car/html/platform.html
-->
<!--
 * @Author: XN
 * @Date: 2020-11-26 11:28:06
 * @LastEditTime: 2020-11-28 18:58:34
 * @LastEditors: XN
 * @Description: 
 * @FilePath: /车联网管理端代码/html/platform.html
-->
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" href="/css/bootstrap.min.css">
        <link rel="stylesheet" href="/css/nav.css">
        <link rel="stylesheet" href="/css/platform.css">
        <link rel="stylesheet" href="/css/input.css">
        <link rel="stylesheet" type="text/css" href="/css/normalize.css">
		<link rel="stylesheet" type="text/css" href="/css/vicons-font.css">
		<link rel="stylesheet" type="text/css" href="/css/base.css">
		<link rel="stylesheet" type="text/css" href="/css/buttons.css">
        <script src="../js/jquery-3.4.1.min.js"></script>
        <script src="/js/bootstrap.min.js"></script>
        <script src="/js/hullabaloo.min.js"></script>
        <script type="text/javascript"
            src="https://webapi.amap.com/maps?v=1.4.15&key=f6f128f38678e81f66d4e561e9ed833a"></script>
        <script src="../js/amap.js"></script>
        <title>车联网信息分发</title>
        <style>
            #aMap {
                height: 93vh;
                width: 85%;
            }

            .amap-logo,
            .amap-copyright {
                margin-left: 15vw;
            }
        </style>
    </head>

    <body>
        <div id="container">
            <nav class="navbar navbar-inverse" id="topNavCom">
                <a class="navbar-brand" href="./infoCenter.html" id="topNavComTitle">车联网信息分发平台</a>
            </nav>
            <nav class="sidebar navbar-inverse" id="sidebarMenu">
                <div class="sidebar-wrapper">
                    <ul class="nav">
                        
                        <li class="sidebarLi">
                            <a href="infoCenter.html">
                                <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
                                信息中心
                            </a>
                        </li>
                        <li class="sidebarLi">
                            <a href="RSU.html">
                                <span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span>
                                RSU
                            </a>
                        </li>

                        <li class="sidebarLi sidebarActive">
                            <a href="platform.html">
                                <span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
                                模拟平台
                            </a>
                        </li>
                        <li class="sidebarLi">
                            <a href="login.html" id="logout">
                                <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
                                退出
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
            <iframe id="aMap" width="85vw" height="93vh">

            </iframe>
            <div class="input-card">
                <div class="input-item">
                    <label>操作</label>

                    <div class="input-item RSUPosIpt">
                        <!-- <input type="text" readonly="true" id="lnglat" placeholder="鼠标单击获取当前经纬度"> -->
                        <label class="pure-material-textfield-outlined">
                            <input placeholder=" " id="lnglat">
                            <span>鼠标单击获取当前经纬度</span>
                        </label>
                    </div>
                    <div class="RSUPosIpt">
                        <label class="pure-material-textfield-outlined">
                            <input placeholder=" " id="mapRSULongIpt">
                            <span>设置RSU中心点经度</span>
                        </label>
                        <!-- 经度：<input type="text" id="mapRSULongIpt" placeholder="设置RSU中心点经度"> -->
                    </div>
                    <div class="RSUPosIpt">
                        <label class="pure-material-textfield-outlined">
                            <input placeholder=" " id="mapRSULatitudeIpt">
                            <span>设置RSU中心点纬度</span>
                        </label>
                        <!-- 纬度：<input type="text" id="mapRSULatitudeIpt" placeholder="设置RSU中心点纬度"> -->
                    </div>
                    <button onclick="mapAddRSUPos()" class="button button--ujarak button--border-thin button--text-thick">添加RSU</button>
                    <button onclick="mapClearRSUPos()" class="button button--ujarak button--border-thin button--text-thick">清空</button>
                </div>

            </div>
        </div>
    </body>

</html>